<template>
  <!-- <img alt="Vue logo" src="./assets/logo.png" /> -->
  <!-- <HelloWorld msg="Welcome to Your Vue.js App" /> -->
  <!-- <MyEcharts></MyEcharts> -->
  <div class="map">
    <baidu-map :center="center" :zoom="zoom" @ready="handler" style="height: 100%"></baidu-map>
  </div>
</template>

<script>
// import HelloWorld from './components/HelloWorld.vue'
// import MyEcharts from './view/echarts/Echarts.vue'

export default {
  data() {
    return {
      center: { lng: 0, lat: 0 },
      zoom: 3
    }
  },
  components: {
  },
  methods: {
    handler({ BMap, map }) {
      console.log(BMap, map)
      this.center.lng = 116.404
      this.center.lat = 39.915
      this.zoom = 15
    }
  }
}
</script>

<style lang="less">
.map {
  height: 100%;
}
</style>
